@mixin align-center {
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

@mixin align-center-horizontal {
  left: 50%;
  transform: translateX(-50%);
}
